.right > .blog > .title {
    text-align: center;
    font-weight: 700;
    font-size: 24px; /* 增加标题字体大小 */
    margin: 20px 0;
    color: #333; /* 使用深色使标题更突出 */
    text-transform: uppercase; /* 强调标题 */
}

.right > .blog > .date {
    text-align: center;
    color: #4caf50; /* 更加鲜明的绿色 */
    font-size: 16px;
    margin: 10px 0;
    font-style: italic; /* 斜体效果，让日期看起来更现代 */
}

.right > .blog > .desc {
    text-indent: 2em;
    font-size: 16px;
    line-height: 1.8;
    color: #555; /* 深灰色的文字，让文本看起来更清晰 */
    margin-bottom: 20px; /* 为描述增加一些下边距 */
}

.right > .blog > .detail {
    display: inline-block;
    width: 120px; /* 调整宽度，让按钮看起来更合适 */
    height: 40px; /* 增大按钮高度 */
    text-align: center;
    line-height: 40px;
    border: 2px solid #4caf50; /* 使用绿色边框，使按钮更醒目 */
    margin: 20px auto;
    border-radius: 8px; /* 圆角效果 */
    background-color: #fff;
    color: #4caf50; /* 使用绿色文字 */
    font-weight: bold;
    text-decoration: none;
    font-size: 16px;
    transition: all 0.3s ease; /* 添加过渡效果 */
}

.right > .blog > .detail:hover {
    background-color: #4caf50; /* 悬停时背景变为绿色 */
    color: white; /* 悬停时文字变为白色 */
    transform: scale(1.05); /* 悬停时按钮放大 */
}

.right > .blog > .detail:active {
    background-color: #388e3c; /* 点击时按钮颜色加深 */
    transform: scale(0.98); /* 按钮点击时缩小 */
}
